<template>
	<div class="commodityitem" >
		<div class="commodityimg" v-on:click="goodinfor">
			<slot name='img'></slot>
		</div>
		<div class="commoditytext">
			<div>
				<slot name='introduce'></slot>
			</div>
			<div class="commoditytext2">
				<slot name='pricezan'></slot>
			</div>
		</div>
	</div>
</template>
<script>
	export default {
		name:'commodityitem',
		methods:{
			goodinfor(){
				console.log('dianji')
			}
		}
	}
</script>
<style>
	.commodityitem{
		margin: 5px;
		box-shadow: 0px 0px 10px #f2f2f2
	}
	.commodityimg{
		width: 145px;
		height: 200px
	}
	.commoditytext2{
		display: flex
	}
</style>